{{define "login-dialog"}}
<!-- Login dialog template -->
<div class="login-dialog" dir="auto">
    <div class="login-container">
        <button class="close-dialog" aria-label="Close login dialog">
            <i class="fa fa-times"></i>
        </button>
        <h2 class="login-title">{{t "login.title"}}</h2>
        <div class="error-message"></div>
        <form class="login-form" id="loginForm">
            <div class="form-group">
                <label for="username">{{t "login.username"}}</label>
                <input type="text" id="username" name="username" autocomplete="username" required>
            </div>
            <div class="form-group">
                <label for="password">{{t "login.password"}}</label>
                <input type="password" id="password" name="password" autocomplete="current-password" required>
            </div>
            <button type="submit" class="login-submit-button">{{t "login.button"}}</button>
        </form>
    </div>
</div>
{{end}}